<div style="min-height:680px" ng-if="pagedata.op=='list'">
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox" style="height:260px">
		<div ng-repeat="item in pagedata.account.hdps" ng-class="{'item':true,'active':$index==0}">
			<a href="{{item.linkurl}}">
				<img ng-src="{{tomedia(item.picurl)}}" style="display: block; width: 100%; height: auto;"/>
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
	<div id="carousel-jinyun" class=" fui-swipe-page" style="padding: 0 {leftright}px; bottom: {bottom}px; ">
		<div class="fui-swipe-bullet" ng-repeat="banner in pagedata.account.hdps" data-target="#carousel-container" data-slide-to="{{$index}}" ng-class="{'active':$index==0}"></div>
	</div>
</div>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>
<div class="fui-searchbar bar" style="z-index: 0;">
    <div class="searchbar">
            <div style="position: relative;left:0;top:0;">
                <input type="button" ng-click="access(pagedata.op,made_query(pagedata.params))" class="searchbar-cancel searchbtn" value="搜索" style="top: 0; right: 0">
                <div class="search-input">
                    <i class="fa fa-search"></i>
                    <input type="search" placeholder="请输入搜索文字" class="search ng-pristine ng-untouched ng-valid ng-empty" ng-model="pagedata.params.keyword">
                </div>
            </div>
    </div>
</div>
<div class="fui-goods-group block"> 
			<div class="fui-goods-item ng-scope" ng-repeat="item in pagedata.list">
				<a href="{{item.url}}" data-nocache="true" style="position: relative;">
					<div class="image  {ifelse(liststyle =='block one','auto','')}" data-text="推荐" style="background-image: url({{tomedia(item.picurl) ||'../core/resource/images/diy/default/goods-2.jpg'}});">
                   </div>
				</a>
				<a href="{{item.url}}">
                        <div class="detail">
                            <div class="name">
                                    {{item.title}}
                            </div>
                            <div class="price" style="margin-top: 0.3rem">
								<span class="text">￥{{item.price}}</span>
									<span class="buy">
										购买
									</span>
							</div>
                        </div>
                </a>
			</div>
</div>
</div>
<div style="min-height:680px" ng-if="pagedata.op=='detail'">
<div class="fui-header">
			<div class="fui-header-left">
				<a class="back" id="btn-back"></a>
			</div>
			<div class="title">
				商品详情
			</div>
			<div class="fui-header-right"></div>
		</div>
	<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox" style="height:100%">
		<div ng-repeat="(key,value) in pagedata.item.slide" ng-class="{'item':true,'active':$index==0}">
			<a>
				<img ng-src="{{tomedia(value)}}" style="display: block; width: 100%; height: auto;"/>
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
	<div id="carousel-jinyun" class=" fui-swipe-page" style="padding: 0 {leftright}px; bottom: {bottom}px; ">
		<div class="fui-swipe-bullet" ng-repeat="(key,value) in pagedata.item.slide" data-target="#carousel-container" data-slide-to="{{$index}}" ng-class="{'active':$index==0}"></div>
	</div>
</div>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>
<div class="fui-cell-group fui-detail-group">
    <div class="fui-cell">
        <div class="fui-cell-text name ">{{pagedata.item.title}}</div>
     </div>
        <div class="fui-cell">
        <div class="fui-cell-text price">
			<span class="text-danger" style="vertical-align: middle;">¥ {{pagedata.item.price}}</span>
        </div>
    </div>
	<div class="fui-cell">
		<div class="fui-cell-text flex"><span>销量： 429 个</span></div>
	</div>
</div>
<div class="content-block content-images" style="height: auto;">
		<div  ng-bind-html="trust(pagedata.item.content)"></div>
</div>
</div>